
Ext.define('Packt.view.MyViewport', {
	
	extend: 'Ext.container.Viewport', 
	alias: 'widget.mainviewport', 
	
	requires: [
	           	'Packt.view.Header' 
	          ],
	
	layout: {
				type: 'border' 
			},
	
	items: [
	        {
	        	xtype: 'container', 
	        	width: 185,
	        	collapsible: true,
	        	region: 'west',
	        	style: 'background-color: #8FB488;'
	        },
	        {
	        	xtype: 'appheader', 
	        	region: 'north'
	        },
	        {
	        	xtype: 'container', 
	        	region: 'center'
	        },
	        {
	        	xtype: 'container', 
	        	region: 'south',
	        	height: 30,
	        	
	        	style: 'border-top: 1px solid #4c72a4;',
	        	html: '<div id="titleHeader"><center><span style="fontsize:10px;">Mastering ExtJS book - Loiane Groner - http://packtpub.com</span></center></div>'
	        }
	     ]
});